<script lang="ts" setup>
    import {reactive, ref} from "vue";
    import Myinput from "./MyInput.vue";
    

    let syl=ref("border2");
    function changeSty(data:any){
        syl.value="border1"
        console.log("changeSty方法")
        console.log("data:"+data)
        console.log("=============")
    }
</script>

<template>
    <Myinput :MySty="syl" msg="i3何鑫达" @testProps="changeSty" @testProps2="changeSty" @testProps3="changeSty"/>
    <button @click="changeSty">更改样式</button>
</template>

<style scoped>
    button{
        margin-left: 85px;
    }
    .border1{
        border: 1px solid red;
    }
    .border2{
        border: 3px solid black;
    }
</style>